/* commend顶部推荐 */
.commend{width:100%;}
.commend .commendBox{width:1200px;margin:10px auto 0 auto;padding:10px 0 0 0;overflow:hidden}
.commend .commendBox .commend_a{border-bottom:1px dashed #f1f1f1}
.commend_a .commend_a_tab{overflow:hidden}
.commend_a .commend_a_tab p{float:left;font-family:'Microsoft YaHei';font-size:14px;color:#999;line-height:32px;margin-right:10px;cursor:pointer}
.commend_a .commend_a_tab p.cur_commend{font-weight:700;background:url(../img/icon.png) no-repeat -126px 0}
.commend_a .commend_a_tag{margin:15px 0;height:106px;overflow:hidden}
.commend_a .commend_a_tag ul{overflow:hidden}
.commend_a .commend_a_tag li{float:left;margin:0 18px}
.commend_a .commend_a_tag li a.a_img{position:relative;display:block;width:80px;height:80px;margin-bottom:8px;overflow:hidden}
.commend_a .commend_a_tag li a.a_img span{position:absolute;display:block;width:80px;height:80px;border-radius:14px;background:#fff;opacity:0;filter:alpha(opacity=0);transition:all .2s linear}
.commend_a .commend_a_tag li a.a_img img{display:block;float:left;width:100%;border-radius:15px}
.commend_a .commend_a_tag li:hover a.a_img span{opacity:.4;filter:alpha(opacity=40)}
.commend_a .commend_a_tag li a.a_name{display:block;width:80px;overflow:hidden}
.commend_a .commend_a_tag li a.a_name p{text-align:center;line-height:18px;color:#565656;height:18px;overflow:hidden}
.commend_a .commend_a_tag li a.a_name p:hover{font-weight:700;color:#000}
.commend_a .commend_a_tag li a.a_name p:active{color:#30dbb1}
.commend .commendBox .commend_b{clear:both;margin-bottom:6px;overflow:hidden}
.commend .commendBox .commend_b.dt2{margin-top:15px}
.commend_b dt{float:left;width:80px;line-height:32px;font-size:14px;text-align:center;background:#83a1f9;color:#fff}
.commend_b.dt2 dt{color:#565656;background:#fef015}
.commend_b dd{float:left;max-width:1100px;height:16px;margin:8px 0 8px 20px;overflow:hidden}
.commend_b dd a{display:block;float:left;font-size:13px;line-height:16px;color:#565656;margin-right:28px}
.commend_b dd a:hover{color:#30dbb1;text-decoration:underline}
.commend_b dd a.hot_commend{color:#f96460}

/* 首页顶部热推部分 */
.sy_fine{width:1200px;margin:40px auto;overflow:hidden}
.sy_fine .sy_fine_1{float:left;width:400px;height:832px;margin-right:30px;overflow:hidden}
.sy_fine .sy_fine_2{float:left;width:410px;height:832px;margin-right:30px;overflow:hidden}
.sy_fine .sy_fine_3{float:left;width:330px;height:832px;overflow:hidden}
.sy_fine .sy_fine_4{clear:both;width:100%;overflow:hidden}

/* banner */
.fine_banner{height:248px;background:#f6f6f6}

/*slider*/
#slider{overflow:hidden;width:400px;height:248px;position:relative}
#slider li{opacity:0;filter:alpha(opacity: 0);float:left;position:absolute;left:0;top:0}
#slider a{display:block}
#slider img{width:400px;height:248px;overflow:hidden;display:block}
#slider .bg{width:78%;height:30px;line-height:30px;padding:0 100px 0 10px;font-size:18px;text-align:left}
#slider .tabs{position:absolute;width:400px;bottom:0;background:#222;z-index:9999;height:4px;overflow:hidden}
#slider .tabs span{float:left;width:20%;height:4px;text-indent:-9999px;overflow:hidden;background-color:#999;cursor:pointer;border-left:1px solid #222;box-sizing:border-box}
#slider .tabs .active,#slider .tabs span:hover{background-color:#30dbb1}

/* 抢礼包 */
.fine_page_cont li{margin-bottom:16px;overflow:hidden}
.fine_page_cont li .page_img{position:relative;display:block;width:64px;height:64px;float:left;overflow:hidden}
.fine_page_cont li .page_img span{position:absolute;display:block;width:64px;height:64px;background:#fff;border-radius:14px;opacity:0;filter:alpha(opacity=0);transition:all .2s linear}
.fine_page_cont li .page_img img{display:block;width:100%;border-radius:15px}
.fine_page_cont li .page_img:hover span{opacity:.3;filter:alpha(opacity=30)}
.fine_page_cont li .page_text{float:left;width:232px;padding:11px 12px}
.fine_page_cont li .page_text a{display:inline-block;float:left;font-size:16px;line-height:20px;height:20px;margin-bottom:6px;overflow:hidden}
.fine_page_cont li .page_text a:active{color:#30dbb1}
.fine_page_cont li .page_text span{clear:both;display:block;color:#b2b2b2;line-height:16px}
.fine_page_cont li .page_text span em{color:#869cb8}
.fine_page_cont li .page_btn{float:right;width:80px;height:38px;margin:13px 0}
.fine_page_cont li .page_btn a{display:block;background:#fafcfc;font-size:14px;color:#565656;line-height:38px;text-align:center}
.fine_page_cont li:hover .page_btn a{background:#30dbb1;color:#fff;text-decoration:none}
.fine_page_cont li .page_btn a:active{background:#22b28e}

/* 新版本专题 */
.fine_zt_cont li{margin-bottom:2px;overflow:hidden}
.fine_zt_cont li .zt_img{position:relative;float:left;width:220px;height:110px;overflow:hidden}
.fine_zt_cont li .zt_img>a{display:block;width:1000px;height:1000px;position:absolute;left:50%;top:50%;margin:-500px 0 0 -500px;text-align:center}
.fine_zt_cont li .zt_img>a img{width:220px;height:110px;vertical-align:middle;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.fine_zt_cont li .zt_img>span{position:absolute;display:block;height:85px;width:5px;right:0;top:0;background:url(../img/icon.png) no-repeat -22px -139px}
.fine_zt_cont li .zt_text{float:left;width:160px;height:70px;padding:20px 10px;text-align:center;overflow:hidden;background:#fafcfc}
.fine_zt_cont li .zt_text a{display:inline-block;font-size:16px;line-height:18px;color:#565656;margin-bottom:10px}
.fine_zt_cont li .zt_text a:hover{text-decoration:none;color:#000}
.fine_zt_cont li .zt_text p{clear:both;color:#999;line-height:16px;margin-bottom:8px}
.fine_zt_cont li .zt_text em{color:#869cb8;line-height:16px}
.fine_zt_cont li:hover .zt_img>a img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);zoom:1.05}
.fine_zt_cont li:hover .zt_img>span{background-position:-27px -139px}
.fine_zt_cont li:hover .zt_text{background:#ebfaf8}
.middle{display:inline-block;width:0;height:100%;vertical-align:middle}

/* sy_fine 中间部分 */
/* 新闻模块1 */
.fine_new1{padding:10px 0 30px 0;background:#fafcfc}
.fine_new1 dl{overflow:hidden}
.fine_new1 dt{margin-top:25px;text-align:center}
.fine_new1 dt a{display:inline-block;font-size:18px;font-weight:700;line-height:20px;color:#f96460}
.fine_new1 dt a:hover{text-decoration:underline}
.fine_new1 dd{height:14px;margin-top:15px;text-align:center}
.fine_new1 dd div{display:inline-block;height:14px;overflow:hidden}
.fine_new1 dd div a{display:block;float:left;line-height:14px;color:#8c8c8c;padding-left:19px;background:url(../img/icon.png) no-repeat -274px -38px}
.fine_new1 dd div a:first-child{background-image:none;padding-left:0}
.fine_new1 dd div a:hover{color:#000;text-decoration:underline}

/* 新闻模块2 */
.fine_new2{overflow:hidden}
.new2_tj{margin:21px 0 6px 0;height:28px;overflow:hidden}
.new2_tj span{display:block;float:left;width:43px;line-height:28px;font-size:14px;border-radius:4px;background:#fef015;margin-right:10px;text-align:center}
.new2_tj a{display:block;line-height:16px;height:16px;margin:6px 0;font-weight:700;color:#565656;font-size:14px;overflow:hidden}
.new2_tj a:hover{color:#000;text-decoration:none}
.new2_li{overflow:hidden}
.new2_li li{margin:13px 0;padding-left:13px;background:url(../img/icon.png) no-repeat -274px 0;overflow:hidden}
.new2_li li a{display:block;float:left;max-width:350px;font-size:13px;line-height:16px;height:16px;color:#565656;overflow:hidden}
.new2_li li a:hover{color:#000}
.new2_li li a:active{color:#30dbb1}
.new2_li li em{color:#aaa;float:right;line-height:16px}
.new2_li li:hover em{color:#000}

/* sy_fine 右边部分-最新更新 */
.fine_update li{margin-top:18px;overflow:hidden}
.fine_update li:first-child{margin-top:0}
.fine_update li .update_img{display:block;float:left;width:80px;height:80px;margin-right:12px}
.fine_update li .update_img span{position:absolute;display:block;width:80px;height:80px;border-radius:14px;background:#fff;opacity:0;filter:alpha(opacity=0);transition:all .2s linear}
.fine_update li .update_img:hover span{opacity:.3;filter:alpha(opacity=30)}
.fine_update li .update_img img{display:block;width:100%;border-radius:15px}
.fine_update li .update_text{overflow:hidden}
.fine_update li .update_text>a{display:block;float:left;font-size:16px;line-height:18px;height:18px;max-width:238px;margin:8px 0 10px 0;overflow:hidden}
.fine_update li .update_text>a:active{color:#30dbb1}
.fine_update li .update_text>dl{clear:both;overflow:hidden}
.fine_update li .update_text>dl dt{float:left;width:159px}
.fine_update li .update_text>dl dt p{color:#999;line-height:16px;margin-bottom:4px}
.fine_update li .update_text>dl dt em{color:#869cb8;line-height:16px}
.fine_update li .update_text>dl dd{float:right}
.fine_update li .update_text>dl dd a{display:block;width:79px;height:36px;background:url(../img/icon.png) #fafcfc no-repeat -86px -100px}
.fine_update li:hover .update_text>dl dd a{background-color:#30dbb1;background-position:-86px -64px}
.fine_update li .update_text>dl dd a:active{background-color:#22b28e}

/* fine_hj热门合集 */
.fine_hj{margin-top:20px;overflow:hidden}
.fine_hj>a{position:relative;display:block;float:left;margin-left:25px;width:220px;height:110px;overflow:hidden}
.fine_hj>a:first-child{margin-left:0}
.fine_hj>a .fine_hj_zz{display:block;position:absolute;width:220px;height:110px;text-align:center;background:rgba(0,0,0,0);transition:all .2s linear}
.fine_hj>a .fine_hj_zz p{display:none}
.fine_hj>a img{display:block;width:100%;height:110px}
.fine_hj>a:hover .fine_hj_zz{background:rgba(0,0,0,.3)}

/* 安卓下载+苹果下载 */
.game_down{width:1200px;height:573px;margin:20px auto 0 auto;overflow:hidden}
.game_down .Tab_cont{height:513px;overflow:hidden}
.game_down .down_left{width:330px;float:left}
.game_down .down_left>ul{display:none;float:left;width:340px;height:168px;margin:0 0 10px -10px;overflow:hidden}
.game_down .down_left>ul:first-child{display:block}
.game_down .down_left>ul li{float:left;margin:0 0 10px 10px;width:75px;line-height:46px;background:#fcfcfe;text-align:center;cursor:pointer;transition:all .2s linear}
.android .down_left>ul li:hover{color:#58e222;background:#fefeff}
.android .down_left>ul li.cur_class{background:#58e222;color:#fff;font-weight:700}
.ios .down_left>ul li:hover{color:#11c3fe;background:#fefeff}
.ios .down_left>ul li.cur_class{background:#11c3fe;color:#fff;font-weight:700}
.game_down .down_left>a{clear:both;display:block;width:100%;height:157px;overflow:hidden}
.game_down .down_left>a:first-child{display:block}
.game_down .down_left>a img{display:block;width:100%}
.game_down .down_left>dl dt{font-size:15px;font-weight:700;margin:19px 0}
.game_down .down_left>dl dd{height:105px;overflow:hidden}
.game_down .down_left>dl dd a{display:block;float:left;padding:0 9px;margin:0 10px 10px 0;color:#565656;line-height:23px;border-radius:3px;border:1px solid #f0f0f0}
.android .down_left>dl dd a:hover{color:#58e222}
.android .down_left>dl dd a:active{color:#fff;background:#58e222;border-color:#58e222}
.ios .down_left>dl dd a:hover{color:#11c3fe}
.ios .down_left>dl dd a:active{color:#fff;background:#11c3fe;border-color:#11c3fe}
.game_down .down_right{float:right;width:864px;padding-left:6px}
.game_down .down_right ul{overflow:hidden}
.game_down .down_right ul li{float:left;margin:0 0 13px 24px}
.game_down .down_right ul li>a{display:block;width:110px;height:110px;padding:5px}
.game_down .down_right ul li>a span{position:absolute;display:block;width:110px;height:110px;background:#fff;border-radius:24px;opacity:0;filter:alpha(opacity=0);transition:all .2s linear}
.game_down .down_right ul li>a:hover span{opacity:.3;filter:alpha(opacity=30)}
.game_down .down_right ul li>a img{display:block;width:100%;height:auto;border-radius:25px}
.game_down .down_right ul li>div{max-width:120px;text-align:center}
.game_down .down_right ul li>div a{display:inline-block;font-size:14px;margin:10px 0 2px 0;line-height:21px;height:21px;overflow:hidden;transition:all .2s linear}
.game_down .down_right ul li>div a:hover{color:#000;text-decoration:underline}
.android .down_right ul li>div a:hover{color:#58e222;text-decoration:underline}
.ios .down_right ul li>div a:hover{color:#11c3fe;text-decoration:underline}

/* 游戏攻略+网游测试表 */
.List{width:1200px;margin:20px auto 0 auto;overflow:hidden}

/* 攻略 */
.List .List_skill{width:810px;float:left}
.List .List_skill .skill_cont{overflow:hidden}
.List .List_skill .skill_cont_l{float:left;margin-right:20px}
.hasImg{width:380px;margin-right:-10px;overflow:hidden}
.hasImg li{width:180px;margin-right:10px;float:left}
.hasImg li .hasImg_img{display:block;height:135px;position:relative}
.hasImg li .hasImg_img img{display:block;width:100%;height:100%}
.hasImg li .hasImg_img span{position:absolute;display:block;width:180px;height:135px;background:#fff;opacity:0;filter:alpha(opacity=0);transition:all .2s linear}
.hasImg li .hasImg_img:hover span{opacity:.3;filter:alpha(opacity=30)}
.hasImg li .hasImg_text{height:32px;margin:6px 0 12px 0;overflow:hidden}
.hasImg li .hasImg_text a{display:block;float:left;font-size:13px;color:#565656;line-height:16px;height:32px;overflow:hidden}
.hasImg li .hasImg_text a:hover{color:#000}
.hasImg li .hasImg_text a:active{color:#30dbb1}
.List .List_skill .skill_cont_r{overflow:hidden;margin-top:-21px;width:410px}

/* 网游 */
.List_ol{float:right}
.List_ol .ol_cont{width:360px}
.List_ol .ol_cont ul li{padding:11px 0;overflow:hidden}
.List_ol .ol_cont ul li:hover{background:#fbfcfc}
.List_ol .ol_cont ul li>i{float:left;font-style:normal;color:#b35120;line-height:18px;width:96px;height:18px;margin-right:12px;overflow:hidden}
.List_ol .ol_cont ul li>em{float:left;font-style:normal;color:#999;line-height:18px;margin-right:12px}
.List_ol .ol_cont ul li .ol_cont_name{float:left;width:140px;margin-right:10px}
.List_ol .ol_cont ul li .ol_cont_name a{display:block;float:left;font-size:14px;color:#565656;line-height:18px;height:18px;font-weight:700;overflow:hidden}
.List_ol .ol_cont ul li:hover .ol_cont_name a{color:#000}
.List_ol .ol_cont ul li:active .ol_cont_name a{color:#30dbb1}
.List_ol .ol_cont ul li .ol_cont_btn{float:right}
.List_ol .ol_cont ul li .ol_cont_btn a{display:block;width:58px;color:grey;line-height:18px;text-align:center}
.List_ol .ol_cont ul li:hover .ol_cont_btn a{color:#30dbb1;font-weight:700}

/* 排行榜 */
.ranking{width:100%}
.ranking .rankbox{width:1200px;margin:0 auto;padding:10px 0 20px 0}
.ranking .rankbox .rankcont{margin-left:-53px;overflow:hidden}
.rankcont .rank_list{width:260px;margin-left:53px;float:left}
.rankcont .rank_list .rank_list_head{overflow:hidden}
.rankcont .rank_list .rank_list_head span{display:block;float:left;width:21px;height:19px;margin:11px 9px 10px 0;overflow:hidden}
.rankcont .a-game .rank_list_head span{background:url(../img/icon.png) no-repeat -274px -171px}
.rankcont .a-soft .rank_list_head span{background:url(../img/icon.png) no-repeat -274px -190px}
.rankcont .i-game .rank_list_head span{background:url(../img/icon.png) no-repeat -274px -209px}
.rankcont .i-soft .rank_list_head span{background:url(../img/icon.png) no-repeat -274px -228px}
.rankcont .rank_list .rank_list_head p{float:left;font-size:18px;line-height:40px;padding-left:11px;background:url(../img/icon.png) no-repeat -274px -337px}
.rank_list>ul li .rank_hasimg{display:none;padding-top:10px;overflow:hidden}
.rank_list>ul li .rank_hasimg>i{float:left;width:20px;line-height:60px;border-radius:2px;margin:10px 12px 10px 0;text-align:center}
.rank_list.a-game>ul li.rank_1 .rank_hasimg>i,.rank_list.a-soft>ul li.rank_1 .rank_hasimg>i{background:#58e222;color:#fff}
.rank_list.a-game>ul li.rank_2 .rank_hasimg>i,.rank_list.a-soft>ul li.rank_2 .rank_hasimg>i{background:rgba(88,226,34,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B258e222, endColorstr=#B258e222);color:#fff}
.rank_list.a-game>ul li.rank_3 .rank_hasimg>i,.rank_list.a-soft>ul li.rank_3 .rank_hasimg>i{background:rgba(88,226,34,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6658e222, endColorstr=#6658e222);color:#fff}
.rank_list.i-game>ul li.rank_1 .rank_hasimg>i,.rank_list.i-soft>ul li.rank_1 .rank_hasimg>i{background:#11c3fe;color:#fff}
.rank_list.i-game>ul li.rank_2 .rank_hasimg>i,.rank_list.i-soft>ul li.rank_2 .rank_hasimg>i{background:rgba(17,195,254,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B211c3fe, endColorstr=#B211c3fe);color:#fff}
.rank_list.i-game>ul li.rank_3 .rank_hasimg>i,.rank_list.i-soft>ul li.rank_3 .rank_hasimg>i{background:rgba(17,195,254,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6611c3fe, endColorstr=#6611c3fe);color:#fff}
.rank_list>ul li .rank_hasimg>a{display:block;float:left;width:80px;height:80px;position:relative;margin-right:12px;overflow:hidden}
.rank_list>ul li .rank_hasimg>a span{position:absolute;display:block;width:120px;height:120px;background:#fff;border-radius:14px;opacity:0;filter:alpha(opacity=0);transition:all .2s linear}
.rank_list>ul li .rank_hasimg>a img{display:block;width:100%;border-radius:15px}
.rank_list>ul li .rank_hasimg>a:hover span{opacity:.3;filter:alpha(opacity=30)}
.rank_list>ul li .rank_hasimg>div{width:136px;padding-bottom:10px;border-bottom:1px dashed #edf0ef;overflow:hidden}
.rank_list>ul li .rank_hasimg>div a{display:block;float:left;line-height:20px;height:20px;font-weight:700;color:#565656;font-size:15px;margin:6px 0;overflow:hidden}
.rank_list>ul li .rank_hasimg>div a:active{color:#30dbb1}
.rank_list>ul li .rank_hasimg>div>div{clear:both;padding-right:20px;overflow:hidden}
.rank_list>ul li .rank_hasimg>div>div a{display:block;width:79px;height:36px;background:url(../img/icon.png) #fafcfc no-repeat -86px -100px}
.rank_list.a-game>ul li .rank_hasimg>div>div a:hover,.rank_list.a-soft>ul li .rank_hasimg>div>div a:hover{background-color:#58e222;background-position:-86px -64px}
.rank_list.a-game>ul li .rank_hasimg>div>div a:active,.rank_list.a-soft>ul li .rank_hasimg>div>div a:active{background-color:#46c414}
.rank_list.i-game>ul li .rank_hasimg>div>div a:hover,.rank_list.i-soft>ul li .rank_hasimg>div>div a:hover{background-color:#11c3fe;background-position:-86px -64px}
.rank_list.i-game>ul li .rank_hasimg>div>div a:active,.rank_list.i-soft>ul li .rank_hasimg>div>div a:active{background-color:#0fa7da}
.rank_list>ul li .rank_hasimg>div .Up{background:url(../img/icon.png) no-repeat 116px -142px}
.rank_list>ul li .rank_hasimg>div .noUp{background:url(../img/icon.png) no-repeat 116px -192px}
.rank_list>ul li .rank_noimg{overflow:hidden}
.rank_list>ul li .rank_noimg>i{float:left;width:20px;font-style:normal;line-height:15px;border-radius:2px;margin:17px 12px 17px 0;text-align:center}
.rank_list.a-game>ul li.rank_1 .rank_noimg>i,.rank_list.a-soft>ul li.rank_1 .rank_noimg>i{background:#58e222;color:#fff}
.rank_list.a-game>ul li.rank_2 .rank_noimg>i,.rank_list.a-soft>ul li.rank_2 .rank_noimg>i{background:rgba(88,226,34,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B258e222, endColorstr=#B258e222);color:#fff}
.rank_list.a-game>ul li.rank_3 .rank_noimg>i,.rank_list.a-soft>ul li.rank_3 .rank_noimg>i{background:rgba(88,226,34,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6658e222, endColorstr=#6658e222);color:#fff}
.rank_list.i-game>ul li.rank_1 .rank_noimg>i,.rank_list.i-soft>ul li.rank_1 .rank_noimg>i{background:#11c3fe;color:#fff}
.rank_list.i-game>ul li.rank_2 .rank_noimg>i,.rank_list.i-soft>ul li.rank_2 .rank_noimg>i{background:rgba(17,195,254,.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B211c3fe, endColorstr=#B211c3fe);color:#fff}
.rank_list.i-game>ul li.rank_3 .rank_noimg>i,.rank_list.i-soft>ul li.rank_3 .rank_noimg>i{background:rgba(17,195,254,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6611c3fe, endColorstr=#6611c3fe);color:#fff}
.rank_list>ul li .rank_noimg>div{float:left;width:228px;border-bottom:1px dashed #edf0ef}
.rank_list>ul li .rank_noimg>div p{font-size:14px;line-height:49px;height:49px;padding-right:20px;overflow:hidden}
.rank_list>ul li .rank_noimg>div.Up p{background:url(../img/icon.png) no-repeat 208px -142px}
.rank_list>ul li .rank_noimg>div.noUp p{background:url(../img/icon.png) no-repeat 208px -192px}